<template>
  <div>
    <linegraph :id="'bargraph'" :data="option2" style="height:350px;"></linegraph>
    <linegraph :id="'bargraph1'" :data="option2" style="height:350px;"></linegraph>
  </div>
</template>
 
<script>
import linegraph from './baseEchartsAllComponent.vue'
export default {
  name: 'weixinanaly',
  data() {
    return {
      option2: {
        title: {
          text: '全年设备产量对比图',
          left: 'center'
        },
        xAxis: {
          type: 'category',
          data: [
            '检品机1',
            '检品机2',
            '检品机3',
            '检品机4',
            '检品机5',
            '检品机6',
            '检品机7'
          ]
        },
        yAxis: {
          type: 'value'
        },
        legend: {
          left: 'center',
          data: ['本年', '上年'],
          bottom: 0
        },
        grid: {
          left: '1%',
          right: '2%',
          bottom: '8%',
          containLabel: true
        },
        series: [
          {
            name: '本年',
            data: [1000, 200, 150, 80, 70, 110, 130],
            type: 'bar',
            barWidth: 30
          },
          {
            name: '上年',
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar',
            barWidth: 30
          }
        ]
      }
    }
  },
  components: {
    linegraph
  }
}
</script>
 
<style scoped>
</style>